<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
</head>
<body style="background-color: white;width: 100%;text-align: center;overflow: hidden">
<h3 style="color:red; --webkit-app-region: drag; -webkit-user-select: none;">这里可以拖拽窗口: --webkit-app-region</h3></p>
<h3 style="color:red; -webkit-app-region: drag; -webkit-user-select: none;">这里可以拖拽窗口: -webkit-app-region</h3></p>
<a href="index.html" target="_blank">New Window</a>
<div style="text-align: left;width: 700px;">
    <h3>说明</h3>
    <p>示例使用2种试实现通过html元素拖拽窗口, 区别于LCL和VF窗口</p>
    <p>通过设置CSS属性 "--webkit-app-region: drag" 或 "-webkit-app-region: drag"</p>
    <p>1. "--webkit-app-region: drag" 通过JS扩展实现, LCL 支持 Windows, MacOS</p>
    <p>2 "-webkit-app-region: drag" 通过窗口消息实现, VF 支持 Windows, MacOS, Linux</p>
    <p>OS推荐-根据不同的窗口</p>
    <p>&nbsp;&nbsp;Windows: -webkit-app-region</p>
    <p>&nbsp;&nbsp;MacOS: --webkit-app-region</p>
    <p>&nbsp;&nbsp;Linux: -webkit-app-region</p>
    <p>不选择文本: -webkit-user-select: none; </p>
</div>
</body>
</html>